<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>allinone content演示(imposing皮肤/全屏)_素材火</title>

<link href="css/allinone_contentSlider.css" rel="stylesheet" type="text/css">
<script src="http://www.sucaihuo.com/Public/js/other/jquery.js"></script>
<script src="js/jquery-ui-1.10.2.min.js"></script>
<script src="js/allinone_contentSlider.js" type="text/javascript"></script>

<script>
$(function() {
	$('#allinone_contentSlider_imposing').allinone_contentSlider({
		skin: 'imposing',
		width: 1920,
		height: 600,
		width100Proc:true,
		responsive:true,
		autoHideBottomNav:false,
		showPreviewThumbs:false,
		autoHideNavArrows:false
	});
});
</script>
</head>

<body>
<h1>allinone content演示(imposing皮肤/全屏)</h1>

<!-- 代码开始 -->
<div id="allinone_contentSlider_imposing">
	<ul class="allinone_contentSlider_list">
		<li data-video="true"><img src="images/imposingFullWidth/01_imposingFW.jpg" width="1920" height="600" alt="" />
			<iframe width="100%" height="100%" src="http://player.youku.com/player.php/sid/XMzQ4NzE4MTMy/v.swf" frameborder="0" allowfullscreen></iframe>
		</li>
		<li data-text-id="#allinone_contentSlider_photoText2" data-link="http://www.sucaihuo.com/js/249.html"> <img src="images/imposingFullWidth/02_imposingFW.jpg" width="1920" height="600" alt="" /> </li>
		<li data-video="true"><img src="images/imposingFullWidth/03_imposingFW.jpg" width="1920" height="600" alt="" />
			<iframe src="http://player.youku.com/player.php/sid/XMzQ4NzE4MTMy/v.swf" width="100%" height="100%" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
		</li>
		<li data-text-id="#allinone_contentSlider_photoText4"> <img src="images/imposingFullWidth/04_imposingFW.jpg" width="1920" height="600" alt="" /> </li>
		<li  data-text-id="#allinone_contentSlider_photoText5"> <img src="images/imposingFullWidth/05_imposingFW.jpg" width="1920" height="600" alt="" /> </li>
		<li  data-text-id="#allinone_contentSlider_photoText6" data-link="http://codecanyon.net/user/LambertGroup/portfolio?ref=LambertGroup" data-target="_blank"> <img src="images/imposingFullWidth/06_imposingFW.jpg" width="1920" height="600" alt="" /> </li>
	</ul>
	
	<div id="allinone_contentSlider_photoText2" class="allinone_contentSlider_texts">
		<div class="allinone_contentSlider_text_line textElement20_imposingFW" data-initial-left="0" data-initial-top="0" data-final-left="1250" data-final-top="0" data-duration="0.5" data-fade-start="0" data-delay="0.13"></div>
		<div class="allinone_contentSlider_text_line textElement21_imposingFW" data-initial-left="0" data-initial-top="35" data-final-left="1290" data-final-top="35" data-duration="0.5" data-fade-start="0" data-delay="0.5">Perspiciatis<br />
			unde omnis iste</div>
		<div class="allinone_contentSlider_text_line textElement22_imposingFW" data-initial-left="0" data-initial-top="130" data-final-left="1290" data-final-top="130" data-duration="0.5" data-fade-start="0" data-delay="0.3">Lorem ipsum dolor sit amet, consectetur adipisicing elit</div>
		<div  class="allinone_contentSlider_text_line" data-initial-left="300" data-initial-top="240" data-final-left="1290" data-final-top="240" data-duration="0.5" data-fade-start="0" data-delay="0.9"><img src="images/imposing/listIcon.png" width="28" height="26" alt=""/></div>
		<div class="allinone_contentSlider_text_line textElement23_imposingFW" data-initial-left="650" data-initial-top="240" data-final-left="1330" data-final-top="240" data-duration="0.5" data-fade-start="0" data-delay="0.5">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
		<div  class="allinone_contentSlider_text_line" data-initial-left="300" data-initial-top="310" data-final-left="1290" data-final-top="310" data-duration="0.5" data-fade-start="0" data-delay="1.1"><img src="images/imposing/listIcon.png" width="28" height="26" alt=""/></div>
		<div class="allinone_contentSlider_text_line textElement23_imposingFW" data-initial-left="650" data-initial-top="310" data-final-left="1330" data-final-top="310" data-duration="0.5" data-fade-start="0" data-delay="0.7">Itaque earum rerum hic tenetur a sapiente delectus</div>
		<div  class="allinone_contentSlider_text_line" data-initial-left="300" data-initial-top="380" data-final-left="1290" data-final-top="380" data-duration="0.5" data-fade-start="0" data-delay="0.9"><img src="images/imposing/listIcon.png" width="28" height="26" alt=""/></div>
		<div class="allinone_contentSlider_text_line textElement23_imposingFW" data-initial-left="650" data-initial-top="380" data-final-left="1330" data-final-top="380" data-duration="0.5" data-fade-start="0" data-delay="0.5">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
	</div>
	<div id="allinone_contentSlider_photoText4" class="allinone_contentSlider_texts">
		<div class="allinone_contentSlider_text_line textElement40_imposingFW" data-initial-left="0" data-initial-top="0" data-final-left="1250" data-final-top="0" data-duration="0.5" data-fade-start="0" data-delay="0.13"></div>
		<div class="allinone_contentSlider_text_line textElement41_imposingFW" data-initial-left="0" data-initial-top="35" data-final-left="1270" data-final-top="35" data-duration="0.5" data-fade-start="0" data-delay="0.5">Perspiciatis<br />
			unde omnis iste</div>
		<div class="allinone_contentSlider_text_line textElement42_imposingFW" data-initial-left="0" data-initial-top="155" data-final-left="1270" data-final-top="155" data-duration="0.5" data-fade-start="0" data-delay="0.3">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br />
			<br />
			Ut enim ad minim veniam, quis nostrud exercitation ullamco <a href="http://www.sucaihuo.com/js/249.html" target="_blank">laboris</a> nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />
			<br />
			<a href="http://www.sucaihuo.com/js/249.html" target="_blank">Et harum quidem rerum</a></div>
	</div>
	<div id="allinone_contentSlider_photoText5" class="allinone_contentSlider_texts">
		<div class="allinone_contentSlider_text_line textElement50_imposingFW" data-initial-left="590" data-initial-top="0" data-final-left="140" data-final-top="0" data-duration="0.5" data-fade-start="0" data-delay="0.13"></div>
		<div class="allinone_contentSlider_text_line textElement51_imposingFW" data-initial-left="619" data-initial-top="35" data-final-left="160" data-final-top="35" data-duration="0.5" data-fade-start="0" data-delay="0.5">Perspiciatis<br />
			unde omnis iste</div>
		<div class="allinone_contentSlider_text_line textElement52_imposingFW" data-initial-left="610" data-initial-top="135" data-final-left="160" data-final-top="135" data-duration="0.5" data-fade-start="0" data-delay="0.3">Lorem ipsum dolor sit amet, consectetur adipisicing elit</div>
		<div  class="allinone_contentSlider_text_line" data-initial-left="610" data-initial-top="220" data-final-left="160" data-final-top="220" data-duration="0.5" data-fade-start="0" data-delay="1.1"><img src="images/imposing/listIcon.png" width="28" height="26" alt=""/></div>
		<div class="allinone_contentSlider_text_line textElement53_imposingFW" data-initial-left="80" data-initial-top="220" data-final-left="200" data-final-top="220" data-duration="0.5" data-fade-start="0" data-delay="0.5">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</div>
		<div  class="allinone_contentSlider_text_line" data-initial-left="610" data-initial-top="360" data-final-left="160" data-final-top="360" data-duration="0.5" data-fade-start="0" data-delay="1.5"><img src="images/imposing/listIcon.png" width="28" height="26" alt=""/></div>
		<div class="allinone_contentSlider_text_line textElement53_imposingFW" data-initial-left="80" data-initial-top="360" data-final-left="200" data-final-top="360" data-duration="0.5" data-fade-start="0" data-delay="0.9">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu.</div>
		<div  class="allinone_contentSlider_text_line" data-initial-left="610" data-initial-top="440" data-final-left="160" data-final-top="440" data-duration="0.5" data-fade-start="0" data-delay="1.3"><img src="images/imposing/listIcon.png" width="28" height="26" alt=""/></div>
		<div class="allinone_contentSlider_text_line textElement53_imposingFW" data-initial-left="80" data-initial-top="440" data-final-left="200" data-final-top="440" data-duration="0.5" data-fade-start="0" data-delay="0.7">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est</div>
	</div>
	<div id="allinone_contentSlider_photoText6" class="allinone_contentSlider_texts">
		<div  class="allinone_contentSlider_text_line topimposingTextBgLeft6FW" data-initial-left="400" data-initial-top="550" data-final-left="100" data-final-top="415" data-duration="0.5" data-fade-start="0" data-delay="0"> <a href="http://www.sucaihuo.com/js/249.html" target="_blank"><img style="margin:0px 3px 0 0px;" src="images/imposingFullWidth/ChameleonWP_ThumbnFW.jpg" alt="" width="100" height="100" border="0" align="left" /></a><span style="position:absolute; top:18%;text-align:left;"> Itaque earum rerum hic tenetur a sapiente<br />
			delectus, ut aut reiciendis</span></div>
		<div  class="allinone_contentSlider_text_line topimposingTextBgLeft6FW" data-initial-left="950" data-initial-top="250" data-final-left="685" data-final-top="415" data-duration="0.5" data-fade-start="0" data-delay="0"> <a href="http://www.sucaihuo.com/js/249.html" target="_blank"><img style="margin:0px 3px 0 0px;" src="images/imposingFullWidth/Html5_2_ThumbnFW.jpg" width="100" height="100" alt="" align="left" /></a><span style="position:absolute; top:18%;text-align:left;">temporibus autem quibusdam et aut<br />
			officiis debitis aut rerum necessitatibus</span> </div>
		<div  class="allinone_contentSlider_text_line topimposingTextBgLeft6FW" data-initial-left="450" data-initial-top="150" data-final-left="1270" data-final-top="415" data-duration="0.5" data-fade-start="0" data-delay="0"> <a href="http://www.sucaihuo.com/js/249.html" target="_blank"><img style="margin:0px 3px 0 0px;" src="images/imposingFullWidth/VimeoThumb_wpFW.jpg" width="100" height="100" alt="" align="left" /></a><span style="position:absolute; top:18%;">set the transition for each image lorem<br />
			ipsum dolor sociis natoque</span> </div>
	</div>
</div>
<!-- 代码结束 -->









<!-- 以下是统计和广告，与演示无关，不必理会 -->
<style type="text/css">
body { margin: 0;}
h1 { margin: 40px 10px; font: 32px Microsoft Yahei; text-align: center;}

.vad { margin:80px 0 5px; font-family: arial,宋体,sans-serif; text-align:center;}
.vad a { display:inline-block; height: 30px; line-height: 30px; margin:0 5px; padding:0 20px; font-size:14px; text-align:center; color:#eee; text-decoration:none; background-color:#222;}
.vad a:hover { color:#fff; background-color:#000;}

.a728x90 { width: 728px; height: 90px; margin: 0 auto;}
</style>

<p class="vad"><a href="http://www.sucaihuo.com/" target="_blank">sucaihuo.com</a> <a href="http://www.sucaihuo.com/js/249.html" target="_blank">说 明</a> <a href="http://www.sucaihuo.com/js/249.html" target="_blank">下 载</a></p>

</body>
</html>